<div style="text-align: center;">
    <ul id="pagination" class="pagination"></ul>
</div>
<script type="text/javascript">
    $(function () {

        // 使用jQueryform修改模态框的提交方式-ajax方式,在表单提交之前
        $('#editForm').ajaxForm(function (data) {
            if (data.success) {
                // 操作成功,刷新页面
                location.reload();
            } else {
                alert(data.msg);
            }
        });
        // 模态框的表单提交
        $('.submitBtn').click(function () {
            $('#editForm').submit();
        });

        // 分页
        $("#pagination").twbsPagination({
            //这里填充数据使用的是PageInfo
            totalPages: ${pageInfo.pages} || 1,
            startPage : ${pageInfo.pageNum},
            visiblePages: 5,
            first : "首页",
            prev: "上页",
            next : "下页",
            last: "尾页",
            onPageClick: function (event, page) {
            //讲当前页设置page值
            $("#currentPage").val(page);
            //表单提交
            $("#searchForm").submit();
            }
        });
        // 点击删除按钮的时候,先弹出提示框,点击ok的时候才发送ajax请求到后台删除数据
        $('.deleteBtn').click(function () {
            var url = $(this).data('url');
            $.messager.confirm('温馨提示','你要删除?',function () {
                // 发送ajax请求去执行删除操作
               $.get(url,function (data) {
                   location.reload();
               });
            });
        });

    });
</script>